{general.more-header}
    <link rel="stylesheet" type="text/css" href="css/add-new.css" />
    <link rel="stylesheet" type="text/css" href="css/table.css" />
    <link rel="stylesheet" type="text/css" href="css/product_category.css" />
    <script type='text/javascript' src='js/manage_product_category.js'></script>
    <script type='text/javascript' src='js/jquery.treeview.js'></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
{/general.more-header}

{general.main-content}
    <div class="product-category-tree">
        <div class="tree-actions">
            <a href="#">Collapse All</a> <span class="separator">|</span> <a href="#">Expand All</a>
        </div>
        <ul id="product_category_tree" class="filetree treeview-famfamfam">
            <li class="closed"><span class="folder"><span class="category-text">Php programming<span class="none-display id">id</span> </span><span class="float-right"><a class="edit" href="#">edit</a> <span class="separator">|</span> <a class="delete" href="#">delete</a></span></span>
                <ul>
                    <li class="closed"><span class="folder"><span class="category-text">f asdf a <span class="none-display id">id</span> </span><span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                        <ul>
                            <li><span class="file"><span>fdas fadsf</span><span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></li>
                        </ul>
                    </li>
                    <li class="closed"><span class="folder"><span class="category-text">Folder 2</span> <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                        <ul>
                            <li><span class="folder"><span class="category-text">Subfolder 2.1</span> <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                <ul id="folder">
                                    <li><span class="file">File 2.1.1 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                    <li><span class="file">File 2.1.2 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                </ul>
                            </li>
                            <li class="closed"><span class="folder">Subfolder 2.2 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                <ul>
                                    <li><span class="file">File 2.2.1 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                    <li><span class="file">File 2.2.2 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="closed"><span class="folder">Folder 3 (closed at start) <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                        <ul>
                            <li><span class="file">File 3.1 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                        </ul>
                    </li>
                    <li><span class="file">File 4 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                </ul>
            </li>
            <li class="closed"><span class="folder">Folder 2</span>
                <ul>
                    <li><span class="folder">Item 2.1</span>
                        <ul>
                            <li><span class="file">Item 2.1.1</span></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="product-category-edit">
        <table class="add-new" cellpadding="0" cellspacing="0">
            <tbody>
                <tr>
                    <td>
                        <label for="product_category_name">Name <span class="form-required" title="This field is required.">*</span></label>
                    </td>
                    <td>
                        <input id="product_category_name" class="input-text required" id="username" name="product_category[name]" value="" size="20" maxlength="60" type="text" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="product_category_description">Description <span class="form-required" title="This field is required.">*</span></label>
                    </td>
                    <td>
                        <textarea name="product_category[description]" class="text-area" id="product_category_description" cols="50" rows="5"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="product_category_actived">Actived</label>
                    </td>
                    <td>
                        <div id="status" class="form-radios">
                            <input id="status_1" name="product_category[actived]" value="0" class="input-radio" type="radio" />  <label class="option" for="status_1">Active </label>
                            <input id="status_2" name="product_category[actived]" value="1" checked="checked" class="input-radio" type="radio" />  <label class="option" for="status_2">Deactive </label>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="form-input float-right">
            <input type="button" name="add" id="add" value="Add" class="add" />
        </div>
    </div>
{/general.main-content}

{general.more-content}
    <div id="dialog_del_product_category" class="dialog" title="Delete product category">
        <form action="delete" method="post" class="form-delete" id="form_delete" name="form_delete">
            <h5>Are your sure to delete the items?</h5>
            <div>
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121 fas fsad  fdaslf lads fkladsklf asld fads f ads fads fladsf ak sfs fdsl</label></span></p>
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>                        
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121 fas fsad  fdaslf lads fkladsklf asld fads f ads fads fladsf ak sfs fdsl</label></span></p>                            
            </div>
        </form>
    </div>
{/general.more-content}